$(document).ready(function() {
	
	$('input[type=radio]').change( function() {
		if (document.getElementById('type1').checked) {
			document.getElementById('divSelection').innerHTML = 
				"<select id='inputQuarter' name='quarterly'>" +
					"<option value=''>-เลือกไตรมาส-</option>" +
					"<option value='1'> 1 </option>" +
					"<option value='2'> 2 </option>" +
					"<option value='3'> 3 </option>" +
					"<option value='4'> 4 </option>" +
				"</select>&nbsp;&nbsp;" +
				"<select class='input-small' id='inputYear' name='year'>" +
					"<option value=''>-เลือกปี-</option>" +
					"<option value='2013'> 2556 </option>" +
					"<option value='2014'> 2557 </option>" +
				"</select>";
			document.getElementById('labelQY').innerHTML = "เลือกไตรมาส/ปี";
		} if (document.getElementById('type2').checked) {
			document.getElementById('divSelection').innerHTML = 
				"<select class='input-small' id='inputYear' name='year'>" +
					"<option value=''>-เลือกปี-</option>" +
					"<option value='2013'> 2556 </option>" +
					"<option value='2014'> 2557 </option>" +
				"</select>";
			document.getElementById('labelQY').innerHTML = "เลือกปี";
		}
	});
	
	
	$('#raDataTable').dataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "No", sClass: "alignCenter", "bSortable": false, sWidth: '5%'},
		                {"sTitle": "Agent No.", sClass: "alignCenter", "bSortable": false, sWidth: '15%'},
		                {"sTitle": "Full Name", "bSortable": false, sWidth: '20%'},
		                {"sTitle": "PC",sClass:"alignRight", "bSortable": false, sWidth: '15%'},
		                {"sTitle": "Bonus",sClass:"alignRight", "bSortable": false, sWidth: '15%'},
		                {"sTitle": "View", sClass: "alignCenter table-action", sWidth: '10%', "bSortable": false,
		                	"mRender": function ( data, type, full ) { 
		                		return "<i class='fa fa-search' title='ดูรายละเอียด' onclick='showData(\""+ data[0] +"\",\""+ data[1] +"\",\""+ data[2] +"\",\""+ data[3] +"\");'></i> " +
		                				"&nbsp;&nbsp; <i class='fa fa-cog' title='ดูรายละเอียด' onclick=\"showDataDetail('"+ data[0] +"');\"></i>";
		                	} 
		                }
		               ],
		"bPaginate": false,
		"bInfo" : false,
	//	"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": false, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "../ACM1104Srvl?process_type=getDataTable"
	} );
	
	
	$('#raDataDetailTable').dataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", "bSortable": false, sWidth: '5%'},
		                {"sTitle": "CLOS_YM", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "PE_NO_COL", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "PO_NO", sClass: "alignCenter table-action", sWidth: '10%', "bSortable": false},
		                {"sTitle": "FYP-C", sClass: "alignRight table-action", sWidth: '20%', "bSortable": false},
		                {"sTitle": "2<sup>nd</sup> RYP-C", sClass: "alignRight table-action", sWidth: '20%', "bSortable": false},
		                {"sTitle": "PC", sClass: "alignRight table-action", sWidth: '20%', "bSortable": false}
		               ],
//		"bPaginate": false,
//		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "ACM1104Srvl?process_type=getDataDetailTable"
	} );
	
});


function searchData(){
	var vaAgentNo = $("#inputPeNo").val();
	var vaCalculationType = $("input[name=type1]:checked").val();
	var vaQuarter = "-";
	var vaYear = "-";
	if(vaCalculationType == "quarter"){
		vaQuarter = $("#inputQuarter").val();
		vaYear = $("#inputYear").val();
	}
	if(vaCalculationType == "annual"){
		vaYear = $("#inputYear").val();
		
	}
	$('#raDataTable').DataTable().column(0).search(vaAgentNo);
	$('#raDataTable').DataTable().column(1).search(vaCalculationType);
	$('#raDataTable').DataTable().column(2).search(vaQuarter);
	$('#raDataTable').DataTable().column(3).search(vaYear);
	$('#raDataTable').DataTable().draw();
	
	
}

function showDataDetail(data){
	var paType = $("input[name='type1']:checked").val();
	var paQuarter = $("#inputQuarter").val();
	var paYear = $("#inputYear").val();
	var checkPm = "false";
	
	if (paQuarter != "" && paYear != "") {
		checkPm = "true";
	} else if (paQuarter == "" && paYear != "") {
		checkPm = "true";
	}else{
		$('#modal_content_warning').html("กรุณากรอกข้อมูลให้ครบถ้วน");
		$('#warningModal').modal();
	}

	if(checkPm=="true"){
		$.ajax({
			url : "../ACM1104Srvl", 
			type : "POST",
			data : {
				peNo: data,
				paQuarter: paQuarter,
				paYear: paYear,
				process_type: paType
			},
		//	anync:false,
			dataType:"JSON",
			success: function(data){
				
				if(data.result == 'empty'){
					$('#modal_content_detail').html("<span class='fa-stack fa-lg mr-10' style=' color:#FC0'> <i class='fa fa-exclamation-triangle fa-stack-2x'></i></span> ไม่พบข้อมูลรายละเอียดผลงานของ VP");
					$('#detailCalModal').modal();
				}else{

					var message = "";

					message +="<b>ผลงานในส่วนของ GM</b>";
					message +="<table class='table-list'>";
					
					message +="<tr>";
					message +="<th><b>ลำดับ</b></th>";
					message +="<th><b>PE_NO</b></th>";
					message +="<th><b>ชื่อ - นามสกุล</b> </th>";
					message +="<th><b>DTY_CD</b></th>";
					message +="<th><b>PC</b></th>";
					message +="</tr>";
					
					for (var i = 0; i < data.resultGM.length; i++) {
						
						var result = data.resultGM[i].split("|");
						
						message +="<tr>";
						message +="<td align='center'>"+(i+1)+"</td>";
						message +="<td align='center'>"+result[0]+"</td>";
						message +="<td style='text-align: left;'>"+result[1]+"</td>";
						message +="<td align='center'>"+result[2]+"</td>";
						message +="<td style='text-align: right;'>"+result[3]+"</td>";
						message +="</tr>";
					}
					

					message +="<tr>";
					message +="<td align='center' colspan='4'><b>รวม</b></td>";
					message +="<td style='text-align: right;'>"+data.pcGM+"</td>";
					message +="</table>";
					
					message +="<br>";
					message +="<br>";
					
					message +="<b>ผลงานในส่วนของ Tier1</b>";
					message +="<table class='table-list'>";
					
					message +="<tr>";
					message +="<th><b>ลำดับ</b></th>";
					message +="<th><b>PE_NO</b></th>";
					message +="<th><b>ชื่อ - นามสกุล</b> </th>";
					message +="<th><b>DTY_CD</b></th>";
					message +="<th><b>PC</b></th>";
					message +="</tr>";
					
					for (var i = 0; i < data.resultTier1.length; i++) {
						
						var result = data.resultTier1[i].split("|");
						
						message +="<tr>";
						message +="<td align='center'>"+(i+1)+"</td>";
						message +="<td align='center'>"+result[0]+"</td>";
						message +="<td style='text-align: left;'>"+result[1]+"</td>";
						message +="<td align='center'>"+result[2]+"</td>";
						message +="<td style='text-align: right;'>"+result[3]+"</td>";
						message +="</tr>";
					}
					

					message +="<tr>";
					message +="<td align='center' colspan='4'><b>รวม</b></td>";
					message +="<td style='text-align: right;'>"+data.pcTier1+"</td>";
					message +="</table>";
					
					message +="<br>";
					message +="<br>";
					
					
					message +="<b>ผลงานในส่วนของ Tier2</b>";
					message +="<table class='table-list'>";
					
					message +="<tr>";
					message +="<th><b>ลำดับ</b></th>";
					message +="<th><b>PE_NO</b></th>";
					message +="<th><b>ชื่อ - นามสกุล</b> </th>";
					message +="<th><b>DTY_CD</b></th>";
					message +="<th><b>PC</b></th>";
					message +="</tr>";
					
					for (var i = 0; i < data.resultTier2.length; i++) {
						
						var result = data.resultTier2[i].split("|");
						
						message +="<tr>";
						message +="<td align='center'>"+(i+1)+"</td>";
						message +="<td align='center'>"+result[0]+"</td>";
						message +="<td style='text-align: left;'>"+result[1]+"</td>";
						message +="<td align='center'>"+result[2]+"</td>";
						message +="<td style='text-align: right;'>"+result[3]+"</td>";
						message +="</tr>";
					}
					

					message +="<tr>";
					message +="<td align='center' colspan='4'><b>รวม</b></td>";
					message +="<td style='text-align: right;'>"+data.pcTier2+"</td>";
					message +="</table>";

					$('#modal_content_detail').html(message);
					$('#detailCalModal').modal();
				}
			}
		});
	}
	
}


function searchDataDetail(paAgentNo,paCalculationType,paQuarterly,paYear,paAgentName){
	setTimeout(function() { 
		$('#raDataDetailTable').DataTable().column(0).search(paAgentNo);
		$('#raDataDetailTable').DataTable().column(1).search(paCalculationType);
		$('#raDataDetailTable').DataTable().column(2).search(paQuarterly);
		$('#raDataDetailTable').DataTable().column(3).search(paYear);
		$('#raDataDetailTable').DataTable().draw();
	}, 1000);
	$('#head_modal_content_detail_commission').html("<h3>"+paAgentName+"&nbsp;(รายละเอียด PC)</h3>");
	$('#detailCommission').modal();
	
}

function showData(paAgentNo,paCalculationType,paQuarterly,paYear){
	$("#inputAgentNumber").val(paAgentNo);
	$("#inputCalculationType").val(paCalculationType);
	$("#inputQuarterly").val(paQuarterly);
	$("#inputYears").val(paYear);
	document.getElementById("myForm").submit();
}

